<template>
	<div class="cash-box">
		<div class="item-cash-title"><span class="title-icon"></span>额外奖励积分充值

			<!--  <span class="export">导入表格发放返费</span> -->
		</div>
		<div class="cash-title-list">
			<div class="item-title" :class="{ action: Action === '1' }" @click="OnlineCash('1')">已入职高补贴</div>
			<div class="item-title" :class="{ action: Action === '2' }" @click="OnlineCash('2')">已发放返费</div>
		</div>
		<div class="boxForm">
			<el-form ref="form" inline :model="form" label-width="85px">
				<el-form-item label="企业名称">
					<el-input v-model="formSeach.companyName" clearable placeholder="请输入企业名称"></el-input>
				</el-form-item>
				<el-form-item :label="dateTitle">
					<el-date-picker type="date" placeholder="选择日期" v-model="formSeach.entryDateStart"
						style="width: 220px; display: inline-block;" value-format="yyyy-MM-dd"></el-date-picker>-

					<el-date-picker type="date" placeholder="选择日期" v-model="formSeach.entryDateEnd"
						style="width: 220px; display: inline-block;" value-format="yyyy-MM-dd"></el-date-picker>
				</el-form-item>
				<el-form-item label="入职者姓名">
					<el-input v-model="formSeach.userName" placeholder="请输入入职者姓名" clearable></el-input>
				</el-form-item>

				<el-form-item>
					<el-button type="primary" @click="serach">查询</el-button>
				</el-form-item>

			</el-form>
		</div>
		<comTable :options="tableData" @giveFee="giveFee" class="projectTab"></comTable>
		<el-pagination @size-change="handleSizeChange" @current-change="OnplayCurrentChange" :current-page="cur"
			:page-sizes="[10, 20, 30, 50, 100]" :page-size="pageSize" layout="total, sizes, prev, pager, next, jumper"
			:total="total" background></el-pagination>
		<el-dialog :visible.sync="addFee" :before-close="handleClose">
			<div class="diaBox">
				<div class="title">
					<span></span>
					<h3>{{ companyName }}</h3>
				</div>
				<div class="formBox">
					<el-form label-width="280px" :model="form" :rules="rules" ref="ruleForm">
						<el-form-item label="岗位名称" prop="positionName">
							<el-input v-model="form.positionName" placeholder="请输入岗位名称" :disabled='markTrue'></el-input>
						</el-form-item>
						<el-form-item label="企业名称" prop="companyName">
							<el-input v-model="form.companyName" placeholder="请输入企业名称" :disabled='markTrue'></el-input>
						</el-form-item>
						<el-form-item label="入职人员名称" prop="userName">
							<el-input v-model="form.userName" placeholder="请输入入职人员名称" :disabled='markTrue'></el-input>
						</el-form-item>
						<el-form-item label="手机号码" prop="telnum">
							<el-input v-model="form.telnum" placeholder="请输入手机号码" :disabled='markTrue'></el-input>
						</el-form-item>
						<el-form-item label="入职时间" prop="entryDate">
							<el-date-picker type="date" placeholder="请选择入职时间" v-model="form.entryDate" value-format="yyyy-MM-dd"
								style="width: 100%;" :disabled='markTrue'></el-date-picker>
						</el-form-item>
						<el-form-item label="高补贴奖励标准" prop="subsidStandards">
							<el-input v-model="form.subsidStandards" disabled='true' placeholder="请输入高补贴奖励标准"></el-input>
						</el-form-item>

						<el-form-item label="入职人员奖励(金额)" prop="entryIntegral">
							<el-input v-model="form.entryIntegral" type="number" placeholder="请输入入职人员奖励(金额)"
								:disabled='Action == 2'></el-input>
						</el-form-item>
						<el-form-item label="入职人员上级奖励(金额)" prop="upIntegral">
							<el-input v-model="form.upIntegral" type="number" placeholder="请输入入职人员上级奖励(金额)"
								:disabled='Action == 2'></el-input>
						</el-form-item>
						<el-form-item label="发才网(业务员奖励)" prop="otherIntegral">
							<el-input v-model="form.otherIntegral" type="number" placeholder="请输入发才网(业务员奖励)"
								:disabled='Action == 2'></el-input>
						</el-form-item>
						<el-form-item label="发放备注(明细算法)" prop="remark">
							<el-input v-model="form.remark" placeholder="请输入发放备注" :disabled='Action == 2'></el-input>
						</el-form-item>
						<el-form-item label="管理员手机号码:15202120781" style="position: relative;" v-show="Action == 1" prop="checkcode">
							<el-input v-model="form.checkcode" placeholder="请输入验证码"></el-input>
							<span class="getcode"> <span v-if="show" @click="getCode">
									获取验证码
								</span>
								<span v-show="!show" class="count">已发送{{ count }} s</span></span>
						</el-form-item>

					</el-form>
					<p style="text-align: center;">
						<el-button class="subBtn" @click="subData" v-show="Action == 1">确定</el-button>
					</p>
				</div>



			</div>
		</el-dialog>
	</div>
</template>

<script src="./index.js">
</script>

<style scpoed src="./index.css"></style>
